<div class="table">

    <!-- 头部Table -->
    <nz-table #nestedTable style="border-collapse:collapse;
                                  border-radius:4px 4px 0px 0px;" [nzData]="selectData" class="designTable"
        [nzShowPagination]='false' [nzScroll]="{x:'3710px',y:'710px'}">

        <thead class=" tableHeard" style="text-align: center !important;color: #ffffff;height: 50px;">
            <tr style="text-align: center !important;">
                <th nzWidth="50px"></th>
                <th nzWidth="50px" style="max-width: 50px;">
                    <div class="scbb" (click)="download2()">
                        生成報表
                    </div>
                </th>
                <th nzWidth="50px"></th>
                <th nzWidth="50px">
                </th>
                <th nzWidth="50px" nzShowExpand><span class="xinz" (click)="xzgd()">+</span>
                </th>
                <th nzWidth="250px"><span style="height: 50px;line-height:50px;">工聯單號</span>
                    <i nz-th-extra class="ant-table-filter-icon" nz-icon nz-dropdown #dropdown="nzDropdown"
                        nzType="search" [nzDropdownMenu]="menu1" nzTrigger="click" nzPlacement="bottomRight"
                        [nzClickHide]="false" nzPlacement="bottom" nzTableFilter></i>
                </th>
                <th nzWidth="200px">

                    <button nz-button nzTrigger="click" nz-dropdown [nzDropdownMenu]="menu4">工單狀態
                        <i nz-icon nzType="down"></i>
                    </button>
                    <nz-dropdown-menu #menu4="nzDropdownMenu" class="drop">
                        <ul nz-menu>
                            <li nz-menu-item class="Li">
                                <nz-radio-group [(ngModel)]="radioValue">
                                    <label nz-radio [ngStyle]="style" nzValue="0" (click)="doingForm()"
                                        style="color: #fff;">進行中 ( {{numberlist["status0"]}} )</label>
                                    <label nz-radio [ngStyle]="style" nzValue="3" (click)="doingForm()"
                                        style="color: #fff;">已指派 ( {{numberlist["status3"]}} )</label>
                                    <label nz-radio [ngStyle]="style" nzValue="4" (click)="doingForm()"
                                        style="color: #fff;">待審核 ( {{numberlist["status4"]}} )</label>
                                    <label nz-radio [ngStyle]="style" nzValue="5" (click)="doingForm()"
                                        style="color: #fff;">退回單據 ( {{numberlist["status5"]}} )</label>
                                    <label nz-radio [ngStyle]="style" nzValue="1" (click)="doingForm()"
                                        style="color: #fff;">已完成 ( {{numberlist["status1"]}} )</label>

                                </nz-radio-group>
                            </li>
                        </ul>
                    </nz-dropdown-menu>
                </th>
                <th nzWidth="200px">廠區</th>
                <!-- 机种 -->
                <th nzWidth="200px">機種</th>
                <!-- 治具名称 -->
                <th nzWidth="230px"><span style="height: 50px;line-height:50px;">治具名稱</span>
                    <i nz-th-extra class="ant-table-filter-icon" nz-icon nz-dropdown #dropdown="nzDropdown"
                        nzType="search" [nzDropdownMenu]="menu2" nzTrigger="click" nzPlacement="bottomRight"
                        [nzClickHide]="false" nzPlacement="bottom" nzTableFilter></i>
                </th>
                <th nzWidth="150px">數量</th>

                <th nzWidth="230px">19碼</th>
                <th nzWidth="150px">製作方式</th>
                <th nzWidth="150px">工程師</th>
                <th nzWidth="150px">設計期限</th>
                <th nzWidth="150px">預計時間</th>
                <!-- 单价 -->
                <th nzWidth="150px">單價</th>
                <th nzWidth="250px">設計備註</th>
                <th nzWidth="250px">退單備註</th>
                <!-- 填單人姓名 -->
                <th nzWidth="150px">填單人姓名</th>
                <!-- 申請部門負責人 -->
                <th nzWidth="150px">申請部門負責人</th>
                <!-- 送貨區域 -->
                <th nzWidth="150px">送貨區域</th>
                <th>治具交期</th>

            </tr>
        </thead>
        <!-- 工联单Table -->
        <tbody class="tablecontent">
            <ng-container *ngFor="let item of selectData let key = index">
                <tr id="first" style="text-align: center !important;">
                    <td style="text-align: left">
                        <a *ngIf="item.tip ==1" class="new"></a>
                        <a *ngIf="item.tip == 2" class="warning"></a>
                    </td>
                    <td>
                        <a class="attich" (click)="downLoad(item)"></a>
                    </td>
                    <td>
                        <a class="del" (click)="showModal(item)" [hidden]="item.status !== 0"></a>
                    </td>
                    <td>
                        <a class="send" (click)="send(item)" title="送出"></a>
                    </td>
                    <td nzShowExpand [(nzExpand)]="item.expand" style="color: rgba(48,73,77,1)"
                        (nzExpandChange)="collapse(item,key)">
                    </td>


                    <!--工聯單號  -->
                    <td style="text-align: left; cursor:pointer; " title="{{item.union_order}}">
                        {{item.union_order}}
                    </td>
                    <!-- 工單狀態 -->
                    <td>
                        {{item.status === 0 ? '進行中' : (item.status === 1 ? '已完成' : '已取消')}}
                    </td>
                    <!-- 厂区 -->
                    <td>
                        {{item.factory === 'null' ? '' : item.factory}}
                    </td>
                    <!-- 机种 -->
                    <td style=" text-align: center;">{{item.machine_type}}</td>
                    <!-- 治具名称 -->
                    <td title="{{item.name}}"> <span style="max-width:230px;text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                             -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">
                            {{item.name}}
                        </span></td>
                    <td style="text-align: center;" (click)="addPrice2(item)">
                        {{item.quatity}}
                    </td>
                    <!-- 19码悬浮框 -->
                    <td class="fontColor" *ngIf="!item.code19" style="text-decoration:underline;cursor:pointer;"
                        (click)="addCode19(item)">
                        <a class="add19code"></a>
                    </td>
                    <td class="fontColor" *ngIf="item.code19"
                        style="text-decoration:underline;cursor:pointer;text-align: center;text-indent: 20px;"
                        (click)="addCode19(item)"
                        title={{item.code19.split(splitJudge)[0]}}~{{item.code19.split(splitJudge)[1]}}>
                        {{item.code19.split(",")[0]}}
                    </td>
                    <!-- 製作方式 -->
                    <td style=" text-align: center;">{{item.toolway}}</td>
                    <!-- <td class="fontColor" *ngIf="item.code19.split(',')[1]" style="min-width:230px;text-decoration:underline;cursor:pointer;" (click)="addCode19(item)"
                        title={{item.code19.split(splitJudge)[0]}}~{{item.code19.split(splitJudge)[1]}}>
                        <a class="add19code" (click)="addCode19(item)"  *ngIf=" !item.code19 || item.code19 === ',' || item.code19 === ''"></a>
                            {{item.code19.split(",")[0]}}
                    </td>
                    <td class="fontColor" *ngIf="!item.code19.split(',')[1]" style="min-width:150px; text-decoration:underline;cursor:pointer;" (click)="addCode19(item)">
                        <a class="add19code" (click)="addCode19(item)"  *ngIf=" !item.code19 || item.code19 === ',' || item.code19 === ''"></a>
                            {{item.code19.split(",")[0]}}
                    </td> -->
                    <!--工程師  -->
                    <td class="fontColor" style="text-decoration:underline;cursor:pointer;"
                        (click)="addEngine(item,key)" title={{item.engineer}}>
                        <a class="addEngineer" (click)="addEngine(item,key)"
                            *ngIf="!item.engineer || item.engineer === ''"></a>
                        {{item.engineer}}
                    </td>
                    <!--設計期限  -->
                    <td>{{item.design_end_date === 'null' ? '' : item.design_end_date}}</td>
                    <!-- 預計時間 -->
                    <td>
                        {{item.estimate_time === null ? '' : (item.estimate_time === '' ? '' : item.estimate_time +
                        '小時') }}
                    </td>
                    <!-- 單價 -->
                    <td style="text-decoration: underline;cursor: pointer;" (click)="addPrice(item,key)">
                        {{item.price == '' ? '' : '￥' + item.price}}</td>
                    <!--設計備註  -->
                    <td title={{item.design_remark}}>
                        <span
                            style="text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                                 -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;text-align: left;">
                            {{item.design_remark}}
                        </span>
                    </td>
                    <!-- 退單備注 -->
                    <td title={{item.other_remark}}><span
                            style=" text-align: center; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;
                                 -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;width: 200px">{{item.other_remark}}</span>
                    </td>
                    <!-- 填單人姓名 -->
                    <td>{{item.apply_person}}</td>
                    <!-- 申請部門負責人 -->
                    <td>{{item.applyDeptPIC}}</td>
                    <!-- 送貨區域 -->
                    <td>{{item.delivery_addr}}</td>
                    <!-- 開始時間 -->
                    <!--治具交期  -->
                    <td (click)="addPrice3(item)">{{item.delivery_date}}</td>
                </tr>
                <tr [(nzExpand)]="item.expand">
                    <td colspan="23" style="padding-left:0rem !important;">
                        <!-- 展开治具Table -->
                        <nz-table #innerTable [nzData]="workData[key]" nzSize="middle" [nzShowPagination]="false">
        <tbody class="downData">
            <tr *ngFor="let item2 of workData[key]" id="second" style="text-align: center !important;">
                <td style="width:60px;"></td>
                <td style="width:50px;"></td>
                <td style="width:50px;"></td>
                <td style="width:50px;"></td>
                <td style="width:50px;"></td>
                <td style="width:250px;text-align: left;" title={{item2.sheet_order}}>

                    <span
                        style="text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                         -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align: left; cursor: pointer;width: 230px;">
                        {{item2.sheet_order}}</span>
                </td>
                <td style="width:200px;"></td>
                <td style="width:200px;"></td>
                <td style="width:200px;"></td>
                <td style="width:230px;"></td>
                <td style="width:150px;text-align: center;">{{item2.quatity_total}}</td>
                <td style="width:230px;"></td>
                <td style="width:150px;"></td>
                <td style="width:150px;"></td>
                <td style="width:150px;"></td>
                <td style="width:150px;"></td>
                <td style="width:250px;"></td>
                <td style="width:250px;"></td>
                <td style="width:150px;"></td>
                <td style="width:150px;"></td>
                <td style="width:150px;"></td>
                <td></td>
                <!-- <td></td> -->

            </tr>
        </tbody>
    </nz-table>
    </td>
    <!-- <td id="fouth"></td> -->
    </tr>
    </ng-container>
    </tbody>
    </nz-table>
    <!-- 新增工单 -->
    <nz-modal [(nzVisible)]="xinzgd" nzTitle="新增工單" (nzOnCancel)="xinzgdno()" (nzOnOk)="xinzgdok()"
        [nzOkLoading]="isOkLoadingfileInfom" style="text-align:center;" nzWidth='1000px'
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'600px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div class="xinzgdd">
            <div class="left">
                <ul>
                    <li>工聯單號 :</li>
                    <li>治具名稱 :</li>
                    <li>數量 :</li>
                    <li>治具交期 :</li>
                    <li>填單人姓名 :</li>
                    <li>申請部門負責人 :</li>
                    <li>付費部門 :</li>
                    <li>送貨區域 :</li>
                    <li>廠區 :</li>
                    <li>機種 :</li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><input nz-input type="text" [(ngModel)]="xzunion_order"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;">
                    </li>
                    <li><input nz-input type="text" [(ngModel)]="xzname"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                    <li>
                        <nz-input-number [(ngModel)]="xzquatity" [nzMin]="0" [nzStep]="1"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;">
                        </nz-input-number>
                    </li>
                    <li>
                        <nz-date-picker [(ngModel)]="xzdelivery_date"></nz-date-picker>
                    </li>
                    <li><input nz-input type="text" [(ngModel)]="xzapply_person"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                    <li><input nz-input type="text" [(ngModel)]="xzapplyDeptDIC"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                    <li><input nz-input type="text" [(ngModel)]="xzcharge_department"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                    <li><input nz-input type="text" [(ngModel)]="xzdelivery_addr"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                    <li><input nz-input type="text" [(ngModel)]="xzfactory"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                    <li><input nz-input type="text" [(ngModel)]="xzmachine_type"
                            style="width: 210px;background:#1F2E31 ;color: #Fff;"></li>
                </ul>
            </div>
        </div>
    </nz-modal>

    <!-- 单据号搜索 -->
    <nz-dropdown-menu #menu1="nzDropdownMenu">
        <div class="search-box" style="background:#487377;">
            <input type="text" nz-input placeholder="come on 工聯單號" [(ngModel)]="searchValue" />
            <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
                Search
            </button>
            <button nz-button nzSize="small" (click)="reset()" class="search-button">Reset</button>
        </div>
    </nz-dropdown-menu> <!-- 单据号搜索 -->
    <nz-dropdown-menu #menu2="nzDropdownMenu">
        <div class="search-box" style="background:#487377;">
            <input type="text" nz-input placeholder="come on 治具名稱" [(ngModel)]="searchValue2" />
            <button nz-button nzSize="small" nzType="primary" (click)="search2()" class="search-button">
                Search
            </button>
            <button nz-button nzSize="small" (click)="reset2()" class="search-button">Reset</button>
        </div>
    </nz-dropdown-menu>
    <!-- 添加单价 -->
    <nz-modal [(nzVisible)]="addprice" nzTitle="添加單價" (nzOnCancel)="CancelCheck()" (nzOnOk)="CheckOk()"
        style="text-align:center" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}" [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px',alignItems: 'center',
        display: 'flex',justifyContent: 'center'}">
        <div class="input_first" style="display: flex;align-items: center;">
            <div>單價：</div>
            ￥<input style="text-indent: 12px;" type="text" [(ngModel)]="price" value='' name=''>
        </div>
    </nz-modal>
    <nz-modal [(nzVisible)]="addprice2" nzTitle="修改數量" (nzOnCancel)="CancelCheck2()" (nzOnOk)="CheckOk2()"
        style="text-align:center" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}" [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px',alignItems: 'center',
    display: 'flex',justifyContent: 'center'}">
        <div class="input_first" style="display: flex;align-items: center;">
            <div>数量：</div>
            <input style="text-indent: 12px;" type="number" [(ngModel)]="price2" value='' name=''>
        </div>
    </nz-modal>
    <nz-modal [(nzVisible)]="addprice3" nzTitle="修改交期" (nzOnCancel)="CancelCheck3()" (nzOnOk)="CheckOk3()"
        style="text-align:center" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}" [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px',alignItems: 'center',
display: 'flex',justifyContent: 'center'}">
        <div class="input_first" style="display: flex;align-items: center;">
            <div>交期：(XXXX-XX-XX)</div>
            <input style="text-indent: 12px;" type="text" [(ngModel)]="price3" value='' name=''>
        </div>
    </nz-modal>
    <!-- 取消工单 -->
    <nz-modal [(nzVisible)]="isVisible" nzTitle="刪除" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
        [nzOkLoading]="isOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
        <textarea placeholder="輸入刪除工單原因" nz-input [(ngModel)]="auditRemark2" [nzAutosize]="{ minRows: 7, maxRows: 6 }"
            class="deRemark"></textarea>
    </nz-modal>

    <!-- 添加19码 -->
    <nz-modal class="add" [(nzVisible)]="add19code" nzTitle="添加19碼" (nzOnCancel)="CancelAdd19Code()"
        (nzOnOk)="add19CodeOk()" [nzOkLoading]="isOkLoading19Code" style="text-align:center"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
        <div style="height:15px;"></div>
        <span *ngIf="show19code" style="font-size:18px;">當前最後使用的19碼為：{{newCode19}}</span>
        <input type="text" [(ngModel)]="first" name="value1" class="FirstCode19" maxlength="19">
        <div style="margin:2%">|</div>
        <input type="text" [(ngModel)]="tail" name="value2" class="TailCode19" maxlength="19">
    </nz-modal>

    <!-- 指派工程师 -->
    <nz-modal [(nzVisible)]="addEngineer" nzTitle="指派工程師" (nzOnCancel)="CancelAddEngineer()" (nzOnOk)="AddEngineerOK()"
        [nzOkLoading]="isOkLoadingEngineer" style="text-align:center" nzWidth='1000px'
        [nzBodyStyle]="{height:'600px',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div style="text-align:left;border-bottom: 1px solid rgba(48,73,77,1);line-height: 45px;">
            <div class="addEng"></div>
            <span class="designTime">設計期限：</span>
            <nz-date-picker [(ngModel)]="designDate"></nz-date-picker>&nbsp;
            <span>預計時間:</span> &nbsp;
            <nz-input-number [(ngModel)]="estimate_time" [nzMin]="0" [nzStep]="0.1"></nz-input-number>&nbsp;
            <span>小時</span>
            &nbsp;&nbsp;<span>治具類型:</span> &nbsp;
            <nz-select nzShowSearch nzAllowClear nzPlaceHolder="Choose the type" [(ngModel)]="zjtypeof"
                (ngModelChange)="show()">
                <nz-option nzLabel="{{item}}" nzValue="{{item}}" *ngFor="let item of zjtypelist">
                </nz-option>
            </nz-select>
        </div>
        <div>
            <nz-table class="tb_Eng" #rowSelectionTable [nzShowPagination]="false" nzShowSizeChanger
                [nzData]="engineerData" (nzCurrentPageDataChange)="currentPageDataChange($event)"
                style="height: 555px;overflow: auto;">
                <tbody>
                    <tr *ngFor="let data of engineerData let key = index" id="eng_hover">
                        <td style="padding-left: 4px">
                            <!-- nzShowCheckbox   (nzCheckedChange)="selEngineer(data, key)" [(ngModel)]="engineerDataCheckBoox[key]" [nzChecked] = engineerDataCheckBoox[key] -->
                            <input class="selectEng" type="checkbox" name="selectEng"
                                [(ngModel)]="engineerDataCheckBoox[key]" checked=engineerDataCheckBoox[key]
                                (click)="selEngineer(data, key)">
                        </td>
                        <td style="width:200px;text-align: left;text-indent: 30px;">{{data.name}}</td>
                        <td title={{data.remark}}
                            style="text-align: left;max-width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor:pointer;">
                            {{data.remark}}</td>
                    </tr>
                </tbody>
            </nz-table>
        </div>
    </nz-modal>

    <nz-modal [(nzVisible)]="addEngineer2" nzTitle="key point" (nzOnCancel)="CancelAddEngineer2()"
        (nzOnOk)="AddEngineerOK2()" [nzOkLoading]="isOkLoadingEngineer" style="text-align:center" nzWidth='1000px'
        [nzBodyStyle]="{height:'600px',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div>
            <nz-table class="tb_Eng" #rowSelectionTable [nzShowPagination]="false" nzShowSizeChanger
                [nzData]="engineerData2" style="height: 555px;overflow: auto;">
                <tbody>
                    <tr>
                        <th style="padding-left: 4px; text-align: center;">-</th>
                        <th style="text-align: center;">类型</th>
                        <th style="text-align: center;">設計</th>
                        <th style="text-align: center;">CNC加工</th>
                        <th style="text-align: center;">二次加工</th>
                        <th style="text-align: center;">組裝</th>
                    </tr>
                    <tr *ngFor="let data of engineerData2 let key = index" id="eng_hover">
                        <td style="padding-left: 4px">
                            <!-- nzShowCheckbox   (nzCheckedChange)="selEngineer(data, key)" [(ngModel)]="engineerDataCheckBoox[key]" [nzChecked] = engineerDataCheckBoox[key] -->
                            <input class="selectEng" type="checkbox" name="selectEng"
                                [(ngModel)]="engineerDataCheckBoox2[key]" checked=engineerDataCheckBoox2[key]
                                (click)="selEngineer2(data, key)">
                        </td>
                        <td>{{data.type}}</td>
                        <td style="text-align: center;">{{data.time[0].value}}</td>
                        <td style="text-align: center;">{{data.time[1].value}}</td>
                        <td style="text-align: center;">{{data.time[2].value}}</td>
                        <td style="text-align: center;">{{data.time[3].value}}</td>
                    </tr>
                    <tr id="eng_hover">
                        <td style="text-align: center;"></td>
                        <td>共計: {{allkeyp["all"]}}</td>
                        <td style="text-align: center;">{{allkeyp["sj"]}}</td>
                        <td style="text-align: center;">{{allkeyp["jg"]}}</td>
                        <td style="text-align: center;">{{allkeyp["er"]}}</td>
                        <td style="text-align: center;">{{allkeyp["zj"]}}</td>
                    </tr>
                </tbody>
            </nz-table>
        </div>
    </nz-modal>
    <!-- 下载文件 -->
    <nz-modal [(nzVisible)]="fileInfom" nzTitle="文件信息" (nzOnCancel)="CancelShow()" (nzOnOk)="ShowOK()"
        [nzOkLoading]="isOkLoadingfileInfom" style="text-align:center;" nzWidth='1000px'
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'600px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div class="addEng"></div>
        <nz-table class="tb_file" [nzShowPagination]="false" [nzData]="listOfData"
            style="height: 555px;overflow: auto;">
            <thead>
                <tr style="height:20px;">
                    <th style="min-width:250px;text-align:center">文件名稱</th>
                    <th style="min-width:250px;text-align:center">上傳時間</th>
                    <th style="min-width:100px;text-align:center">文件狀態</th>
                    <th style="min-width:250px;text-align:center">備註</th>
                    <th style="min-width:50px;text-align:center"></th>
                </tr>
            </thead>
            <tbody class="upload">
                <tr *ngFor="let data of listOfData let key = index" class="list_hover"
                    style="text-align:center !important;">
                    <td style="max-width:250px;text-align:center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;cursor:pointer;"
                        title={{data.file_name}}>
                        <a [href]="link" [download]="data.file_name" (click)="downLoadFile(data)">
                            {{data.file_name}}
                        </a>
                    </td>
                    <td style="width:250px;text-align:center">{{data.upload_time}}</td>
                    <!-- 审核状态 -->
                    <td style="width:100px;text-align:center" *ngIf="data.file_status === 0" ngDefaultControl
                        [(ngModel)]="fileStatus">
                        <a class="addAudit" (click)="ClickAudit(data)"></a>
                    </td>
                    <td style="width:100px;text-align:center" *ngIf="data.file_status != 0">
                        {{data.file_status === 1 ? '已審核' : '已退回' }}
                    </td>
                    <td style="width:250px;text-align:center">{{data.remark}}</td>
                    <td style="width:50px;text-align:center">
                        <a class="delFile" (click)="showDelFile(data)"></a>
                    </td>
                </tr>
            </tbody>
        </nz-table>
    </nz-modal>


    <!-- 添加设计备注 || 主管审核  -->
    <nz-modal class="audit" [(nzVisible)]="addAudit" nzTitle="審核" (nzOnCancel)="CancelAudit()" (nzOnOk)="auditOk()"
        [nzOkLoading]="isOkLoadingAudit" style="text-align:center"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'310px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
        <div style="margin-top:20px">
            <textarea placeholder="輸入審核備註" nz-input [(ngModel)]="auditRemark" [nzAutosize]="{ minRows: 7, maxRows: 6 }"
                class="deRemark"></textarea>
        </div>
        <div style="margin-top:30px">
            <nz-tag class="infomTag" *ngFor="let item of infom let key = index " nzMode="checkable"
                [nzChecked]="selectedTags.indexOf(item) > -1" (nzCheckedChange)="handleChange($event, item)">
                {{item.value}}
            </nz-tag>
            <!-- <div *ngFor="let item of infom">{{item.value}}</div> -->
        </div>
    </nz-modal>

    <!-- 删除文件信息 -->
    <nz-modal [(nzVisible)]="isFileVisible" nzTitle="刪除" (nzOnCancel)="handleFileCancel()" (nzOnOk)="delFileOk()"
        [nzOkLoading]="isFileOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
        <p>確認刪除這個文件信息嗎？</p>
    </nz-modal>

    <!-- 送出 -->
    <nz-modal [(nzVisible)]="isSendVisible" nzTitle="送出" (nzOnCancel)="handleSendCancel()" (nzOnOk)="sendOk()"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
        <p>{{titlett}}</p>
    </nz-modal>
</div>